<template>
	<MenuList :menu="list"/>
</template>

<script>
	import MenuList from '@/components/system/MenuList.vue'
	
	export default {
		components: {
			MenuList
		},
		data() {
			return {
				list: [
					{
						name: '新闻动态',
						url: '../publicity-education/news-information/index',
						icon: '/static/images/icon/edu/icon1.png'
					},
					{
						name: '通知公告',
						url: '../publicity-education/notice',
						icon: '/static/images/icon/edu/icon2.png'
					},
					{
						name: '学习培训',
						url: '../publicity-education/learning-training/index',
						icon: '/static/images/icon/edu/icon4.png'
					},
					{
						name: '技能强国',
						url: '../publicity-education/strong-skill-nation/index',
						icon: '/static/images/icon/edu/icon5.png'
					},
					{
						name: '法律政策',
						url: '../publicity-education/legal-policy',
						icon: '/static/images/icon/edu/icon6.png'
					},
				]
			}
		},
		methods: {
			
		}
	}
</script>

<style lang="scss" scoped>
@import '@/uni.scss';
	
:deep(.u-grid-item) {
	padding: 50rpx 0 10rpx;
	
	.grid-text {
		padding-top: 10rpx;
		color: $uni-text-color;
	} 
}
</style>
